<%--
功能: 列表页或详细页内容区Tab行多Tab标签
--%>
<%@ tag body-content="empty"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ attribute name="tabsId" required="true" type="java.lang.String" description="tab所在ID"%>
<c:set var="ui_tabs" value="true" scope="request" />
<script type="text/javascript">
var ui_tabs_${tabsId};
$j(document).ready(function(){
	ui_tabs_${tabsId} = $j("#${tabsId}").tabs({navClass:'tab', selectedClass:'curr'});<%-- {navClass:'tab', selectedClass:'curr'}为改变默认的样式名字 --%>
});

//获得错误发生所在的tab的id
function getInvalidTabId(){
	var invalidTab = $j('.x-form-invalid:first, .x-form-invalid-img:first').parents('.ui-tabs-panel').get(0);
   	return invalidTab.id;
}
//选择其中一个tab  id可以是序号(从0开始)或者是这个tab的id
function selectTab(id){

	ui_tabs_${tabsId}.tabs('select',id);
}
//显示错误所在的tab
function focusOnInvalidTab(){
	selectTab(getInvalidTabId());
}
//获得当前选择的tab的id(从0开始)
function getSelectedTabId(){ 
	return ui_tabs_${tabsId}.tabs('option', 'selected');
} 
</script>